<html>   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>   
<script>   
// Request an API Key for the Blogger API from    // https://code.google.com/apis/console/   
var apikey = "YOUR API KEY HERE";      
// You can find the blogId in the HTML source of a blog   
var blogId = "2399953";      // When the document is loaded   
$(document).ready(function() {         
// Make a JSONP request for the Posts on the Blogger Buzz blog     
$.ajax({       
url:"https://www.googleapis.com/blogger/v2/blogs/”+         blogId+”/posts?key="+apikey,       
dataType: "jsonp",       
success: function(data, textStatus, jqXHR) {         
var items = [];            
// Construct a chunk of HTML for each post         
// containing the Post title, content, and a          
// link to the post author.         
$.each(data.items, function(index, value) {           
items.push("<h2>"+value.title+"</h2>"+value.content+             "
<p>Posted by  
<em><a href=' " + value.author.url+"'>" + value.author.displayName+" '</a></em>
</p>");         
});          
// And finally, append the generated content to the page body.         
$(items.join('')).appendTo('body');       
}    
});   
});   
</script> 
</html> 